<template>
  <!-- 下拉筛选 -->
  <div class="list-filters">
    <div class="list-filter">
      <van-dropdown-menu active-color="#1bb89c">
        <van-dropdown-item v-model="values" :options="options" />
      </van-dropdown-menu>
    </div>
  </div>
</template>

<script>
export default {
  name: 'ListFilter',
  data () {
    return {
      values: this.value,
      options: this.option,
    }
  },
  props: ['value', 'option'],
}
</script>

<style lang="less" scoped>
.list-filters {
  width: 100%;
  background-color: #f6f6f6;
  .list-filter {
    display: flex;
    justify-content: flex-end;
    width: 95%;
  }
  /deep/ .van-overlay {
    background-color: rgba(0, 0, 0, 0.9);
  }
  /deep/ .van-dropdown-menu__bar {
    height: 55px;
    background-color: #f6f6f6;
    box-shadow: 0 0 0 0;
  }
  /deep/ .van-dropdown-menu__title {
    font-size: 20px;
  }
}
</style>
